@charset "UTF-8";

@font-face {
    font-family: "iconfont";
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/iconfont.woff') format('woff'), /* chrome、firefox */ url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

* {
    box-sizing: border-box
}

a {
    color: #337ab7;
    text-decoration: none;
}

/*=====================================================按钮样式开始=========================================================*/

.btn {
    display: inline-block;
    padding: 2px 5px 3px 5px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: none 0px;
    border-radius: 4px;
    border-color: #fff;
}

.btn-default {
    color: #fff;
    background-color: #7ecef4;
    min-width: 80px;
}

.btn-default.focus, .btn-default:focus {
    background: #2AA1D2;
}

.btn-default:hover {
    background-color: #2AA1D2;
}

.btn-auto {
    min-width: auto;
}

.btn-default.focus, .btn-default:focus {
    background: #2AA1D2;
}

.btn-default:hover {
    background-color: #2AA1D2;
}

.btn-invert {
    color: #fff;
    background-color: #34495e;
    border-color: #ccc;
}

.btn-invert.focus, .btn-invert:focus {
    background: #375D81;
}

.btn-invert:hover {
    background-color: #375D81;
}

.btn-warning {
    color: #fff;
    background-color: #f1c40f;
    border-color: #ccc;
}

.btn-warning.focus, .btn-warning:focus {
    background: #F1854B;
}

.btn-warning:hover {
    background-color: #F1854B;
}

.btn-important {
    color: #fff;
    background-color: #e74c3c;
    border-color: #ccc;
}

.btn-important.focus, .btn-important:focus {
    background: #EF6D00;
}

.btn-important:hover {
    background-color: #EF6D00;
}

.btn-stroke {
    color: # #2c2c2c;
    background-color: #fff;
    /*border-color: #DEEEFF;*/
    border: 1px solid #87d1f5;
}

.btn-stroke.focus, .btn-stroke:focus {
    background: #DEEEFF;
}

.btn-stroke:hover {
    background-color: #DEEEFF;
}

.disabled.btn-default,
.active.disabled.btn-default,
.focus.disabled.btn-default,
.disabled.btn-default:active,
.disabled.btn-default:focus,
.disabled.btn-default:hover,
[disabled].btn-default,
[disabled].active.btn-default,
[disabled].focus.btn-default,
[disabled].btn-default:active,
[disabled].btn-default:focus,
[disabled].btn-default:hover {
    background-color: #bac4c5;
    border-color: #ccc;
}

.disabled.btn,
[disabled].btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0.65;
}

.btn-fi {

    padding: 2px 14px 3px 14px;
    min-width: auto;
}

.btn-xs {
    padding: 2px 2px 2px 2px;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    min-width: 45px;
}

.btn-sm {
    padding: 2px 2px 3px 2px;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    min-width: 45px;
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
    width: 32px;
    min-width: auto;
    border-left: 1px solid #ffffff;
    background-color: #00B6EE;
    color: #ffffff;

}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    float: left;
}

.btn-group > :first-child:not(.dropdown-toggle):not(:last-child).btn {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.btn-group > :last-child:not(:first-child).btn, .btn-group > :not(:first-child).dropdown-toggle {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.caret {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.btn .caret {
    margin-left: 0px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 100%;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #d1f0ff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-menu li {
    margin: 0px;
    display: block;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.4285;
    color: #5b5b5b;
    white-space: nowrap;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    display: block;
}

.dropdown-toggle .fi-caret::before{
    font-size: 12xpx;
}
.btn .fi-wx{
    /*height: 20px;*/
}
.btn .fi-wx:before{
    font-size: 18px;
}
/*=====================================================按钮样式结束=========================================================*/

/*=====================================================ICON样式开始=========================================================*/

.fi {
    position: relative;
    display: inline-block;
    font-family: "iconfont";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
}
.fi:before{

    font-size: 115%;
}

.fi-wx:before {
    content: "\e605";
    /*font-size: 140%;*/
}

.fi-del:before {
    content: "\e600";
    font-size: 115%;
}

.fi-refresh:before {
    content: "\e602";
}

.fi-upload:before {
    content: "\e603";
}

.fi-sumbit:before {
    content: "\e604";
}

.fi-add:before {
    content: "\e616";
}

.fi-help:before {
    content: "\e61e";
}

.fi-close:before {
    content: "\e622";
}

.fi-right:before {
    content: "\e621";
    color: #80e27e;
}

.fi-error:before {
    content: "\e622";
    color: #e85041;
}

.fi-confirm:before {
    content: "\e623";
    color: #faf155;
}

.fi-caret:before{
    content: "\e606";
}

.fi-checkbox:before{
    content: "\e62d";
}

.fi-radiobox:before{
    content: "\e612";
}

.fi-radioboxed:before{
    content: "\e608";
}

.fi-add-circle:before{
    content: "\e609";
}

.fi-minus:before{
    content: "\e617";
}

.fi-star:before{
    content:"\e60f";
}
.fi-star-empty:before{
    content:"\e618";
}
.fi-arrow-left:before{
    content:"\e625";
}
.fi-arrow-right:before{
    content:"\e624";
}

.fi-refresh-small:before{
    content:"\e63c";
}

.fi-close-small:before{
    content:"\e630";
}

.fi-arrow-down:before{
    content:"\e61c";
}
.fi-arrow-up:before{
    content:"\e61b";
}
.fi-time:before{
    content:"\e61a";
}
.fi-date:before{
    content:"\e619";
}
.fi-set:before{
    content:"\e61f";
}
.fi-edit:before{
    content:"\e627";
}

.fi-slider:before{
    content: "\e62b";
}

.fi-close-xs:before{
    content: "\e620";
}

.fi-file-word:before{
    content:"\e63f";
}

.fi-file-ppt:before{
    content:"\e640";
}
.fi-file-pdf:before{
    content:"\e641";
}

.fi-file-excel:before{
    content:"\e642";
}

.fi-file-rar:before{
    content:"\e63e";
}

.fi-star-half:before{
    content: "\e643";
}

.fi-reverse:before{
    content: "\e635";
}
.fi-forward:before{
    content: "\e636";
}

.fi-search:before{
    content: "\e626";
}
/*=====================================================ICON样式结束=========================================================*/

/*=====================================================Tooltip样式结束=========================================================*/

.popover {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover {
    box-shadow: none;
}

.top.popover {
    margin-top: -10px;
}

.arrow {
    float: right;
}
.popover > .arrow {
    position: absolute;
    display: block;
    width: 0px;
    height: 0px;
    border-color: transparent;
    border-style: solid;
}
.popover > .arrow {
    border-width: 9px;
}
.popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0px;
    height: 0px;
    border-color: transparent;
    border-style: solid;
}
.popover > .arrow:after {
    content: "";
    border-width: 10px;
}

.popover-content {
    padding: 2px 5px;
    color: #4e4e4e;
}

.popover .fi {
    color: #00b7ee;
    font-size: 130%;
    padding-right: 5px;
    font-weight: 500;
}

.tra > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0px;

}

.tra.popover > .arrow {
    bottom: -9px;
    right: 20px;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0px;

}


.tla > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0px;

}

.tla.popover > .arrow {
    bottom: -9px;
    right: 20px;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0px;

}




.bra.popover {
    margin-bottom: -10px;
}

.bra > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0px;
    border-bottom-color: #fff;

}

.bra.popover > .arrow {
    top: -9px;
    right: 20px;
    margin-left: -11px;
    border-top-width: 0px;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);

}




.bla.popover > .arrow::after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0px;
    border-bottom-color: #fff;
}

.bla.popover > .arrow {
    top: -9px;
    right: 20px;
    margin-left: -11px;
    border-top-width: 0px;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}

.right.popover > .arrow::after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0px;
}

.right.popover > .arrow {
    top: 15px;
    left: -10px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-width: 0px;
}

.blue.popover .popover-content{ color:#4e4e4e}
.blue.popover .fi { color: #00b7ee; }

.red.popover .popover-content{ color:#e0600b}
.red.popover .fi { color: #f06e00; }

.noborder.popover { border:none 0px;  -webkit-box-shadow: none; box-shadow: none; padding: 0px}

.noborder.popover > .arrow { display: none; }

/*=====================================================Tooltip样式结束=========================================================*/



/*=====================================================文本框样式开始=========================================================*/
.form-text {
    display: block;
    width: 100%;
    height: 26px;
    padding: 3px 6px;
    font-size: 14px;
    color: #abadb3;
    background-color: #fff;
    background-image: none;
    border: 1px solid #cecece;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-text[disabled], .form-text[readonly] { color: #abadb3; background-color: #eee; cursor: not-allowed;  opacity: 1;}

/*=====================================================文本框样式结束=============================================================*/

/*=====================================================单位文本框样式开始=========================================================*/
.form-unit{
    position: relative;
    display: inline-table;
    display: table\9\0;
    border-collapse: separate;
    width: 100%;
}

.form-unit .form-text{
    /*position: relative;*/
    z-index: 2;
    width: 100%;
    margin-bottom: 0px;
}

.form-unit .form-text, .form-unit em{ display: table-cell;}
.form-unit > em{
    padding: 4px auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #5e5e5e;
    text-align: center;
    background-color: #cecece;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: auto;
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    font-style: normal;
    min-width: 24px;
}

.form-unit em:first-child,.form-unit :first-child.form-text {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: 0;
}

.form-unit em:last-child,.form-unit :last-child.form-text {
    border-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.form-unit :not(:first-child):not(:last-child).form-text,
    .form-unit em:not(:first-child):not(:last-child){
    border-radius: 0;
    border-left: 0px none;
    border-right: 0px none;
}


/*=====================================================单位文本框样式结束=========================================================*/



/*=====================================================文本域样式结束=========================================================*/
TEXTAREA.form-text {
    height: auto;
    overflow: auto;
    margin: 0px;
}

/*=====================================================文本域样式结束=========================================================*/


/*=====================================================弹出框样式结束=========================================================*/


.modal-dialog {
    position: absolute;
    left: 100px;
    top: 100px;
    min-width: 400px;
    max-height: 70%;
    max-width: 90%;
}


.modal-footer {
    padding: 15px;
    text-align: center;
}


.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #c1c1c1;
    border-radius: 6px;
    outline: 0;
}


.modal-header {
    min-height: 16.43px;
    padding: 10px;
    padding-left: 20px;
    border-bottom: 1px solid #c1c1c1;
    background-color: #7DCDF3;
}



.modal-body {
    position: relative;
    padding: 20px;
    color: #727272;
    font-size: 14px;
}

.modal-footer .btn + .btn {
    margin-bottom: 0px;
    margin-left: 5px;
}
.modal-header .btn{
    width: auto;
    min-width: 0px;
    border: 0px none;
    float: right;
    font-size: 21px;;
    line-height: 1;

    font-weight: 900;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    color: #ffffff;
    height: 29px;
}

.modal-header .btn .fi-close:before{
    /*font-weight: 900;*/
    font-size: 28px;
    font-weight: bold;
    -webkit-text-stroke-width:0.2px;
    -webkit-font-smoothing:antialiased;
}


.modal-title {
    margin: 0;
    line-height: 1.4285;
    color: #fff;
    font-size: 15.5px;
    font-weight: 400;
}

.modal-body-fi > *{ display: table-cell; vertical-align: top; }
.modal-body-fi > .fi:before {
    font-size: 44px;
    padding-right: 15px;
}

.progress-text{
    text-align: center;
    color: #515151;
    font-size: 16px;
    padding-top: 15px;
}

.modal-body .progress{
    margin: 20px;
    margin-bottom: 0px;
}

.modal-body > iframe {
    width: 100%;
    height: 100%;
    border: none 0px;
    overflow: auto;
}
/*=====================================================弹出框样式结束=========================================================*/

/*=====================================================进度条样式开始=========================================================*/

.progress {
    height: 14px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 4px;
    border:  solid 1px #a9def8;;
    -webkit-box-shadow: inset 0 1px 2px #a9def8;
    box-shadow: inset 0px 1px 2px #a9def8;

}


.progress-bar {
    float: left;
    width: 0px;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #7ecef4;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
/*=====================================================进度条样式结束=========================================================*/

/*=====================================================进行中样式开始=========================================================*/
.waiting{
    text-align: center;
}

/*=====================================================进行中样式结束=========================================================*/


/*=====================================================模拟下拉框样式开始======================================================*/
.form-dorpdown{
    position: relative;
    display: inline-table;
    display: table\9\0;
    border-collapse: separate;

    width: 100%;
}

.form-dorpdown:hover .form-text{
    border-color: #8ac2ed;
}


.form-dorpdown .form-text{
    /*position: relative;*/
    z-index: 2;
    width: 100%;
    margin-bottom: 0px;
    border-right: 1;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    text-indent: 10px;
}


.form-dorpdown .form-text, .form-dorpdown .btn{ display: table-cell;}
.form-dorpdown > .btn{
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #6e7679;
    text-align: center;
    background-color: #dcdcdc;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    font-style: normal;
    min-width: 24px;
    width: 24px;


    border-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-bottom: 4px auto;;
    padding-right: 4px;
    padding-left: 4px;
    vertical-align: bottom;
}

.form-dorpdown > .btn:hover{
    background-color: #8ac2ed;
    color: #1b89dc;
}

.form-dorpdown > .btn[disabled]{

    background-color: #dcdcdc;
}
.form-dorpdown .dropdown-menu{

    background-color: #ffffff;
    padding-top: 0px;
    padding-bottom: 0px;
    max-height: 200px;
    overflow: auto;
    min-height: auto;
    height: auto;
    border: solid 1px #c4c4c4;
}
.form-dorpdown .dropdown-menu > li{
    border-top: solid 1px #c4c4c4;
    height: 26px;
    font-size: 14px;
    overflow: hidden;

}

.form-dorpdown .dropdown-menu > li> a:hover{
    background-color: #f3f8ff;
}

.form-dorpdown .dropdown-menu > li>a{
    color: #a0a0a0;
    padding-left: 17px;
}

.form-dorpdown .dropdown-menu .fi{
    padding-right: 5px;
    color: #e0e6e8;
}

.form-dorpdown .dropdown-menu > li[selected=true]{
    background-color: #f3f8ff;
}

.form-dorpdown .dropdown-menu > li[selected=true] a{
    color: #2aa1d3;
}

.form-dorpdown .dropdown-menu > li[selected=true] .fi{
    color: #7ecef4;
}
.form-dorpdown .dropdown-menu > li[selected=true] > .fi-radiobox:before{
    content: "\e608";
}
.form-dorpdown .dropdown-menu .fi:before{
    font-size: 18px;
}

.form-dorpdown > .dropdown-menu > li:first-child{
    border-top: none 0px;
}

.form-dorpdown-additem{
    text-align: center;
}

.form-dorpdown-additem .btn{
    min-width: auto;
    background-color: transparent;
    display: inline-block;
}

.form-dorpdown-additem .btn .fi:before{
    font-size: 23px;
    color: #65afce;
}

/*=====================================================模拟下拉框样式结束=========================================================*/



/*=====================================================点选框样式开始============================================================*/

.form-clickbox{
    display: inline-table;
    font-size: 14px;
    cursor: pointer;
}


.form-clickbox > .fi, .form-clickbox > label{
    display: table-cell;
}

.form-clickbox > label{
    color: #34495e;
}

.form-clickbox > .fi{
}

.form-clickbox > .fi:before{
    content: "\e62d";
    font-size: 18px;
    padding-right: 5px;
    color: #e0e6e8;
}

.form-clickbox > .fi:last-child:first-child:before{

    padding-right: 0px;
}

.form-clickbox[mode=radio] > .fi:before{
    content: "\e612";
}

.form-clickbox[mode=radio][selected=true] > .fi:before{
    content: "\e608";
}

.form-clickbox[selected=true] > label{
    color: #2aa1d3;
}

.form-clickbox[selected=true] > .fi:before{
    color: #7ecef4;
}


.form-clickbox[disabled] > .fi,  .form-clickbox[disabled] > label, .form-clickbox[disabled] > .fi:before{
    color:#c1c1c1;
    cursor: not-allowed;
}

/*=====================================================点选框样式结束============================================================*/


/*=====================================================数字调节器样式开始============================================================*/

.form-numberbox{
    position: relative;
    display: inline-table;
    display: table\9\0;
    border-collapse: separate;
    /*width: 100px;*/
}

.form-numberbox .form-text{
    /*position: relative;*/
    z-index: 2;
    width: 100%;
    margin-bottom: 0px;
    text-align: center;
    border-radius: 0;
    border-left: none 0px;
    border-right: none 0px;
}

.form-numberbox .form-text, .form-numberbox > .btn{ display: table-cell;}
.form-numberbox > .btn{
    padding: 4px auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #5e5e5e;
    text-align: center;
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: auto;
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    font-style: normal;
    min-width: 24px;
}

.form-numberbox > .btn > .fi:before{
    font-size: 14px;
    color: #a0a0a0;
}

.form-numberbox > .btn:first-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.form-numberbox > .btn:last-child{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}


/*=====================================================数字调节器样式结束============================================================*/


/*=====================================================星级控件样式开始============================================================*/

.form-starbox{
    display: inline-block;
    height: 26px;
    overflow: hidden;
    cursor:default;
    vertical-align: top;
}

.form-starbox[readonly] > .fi{
    cursor:default;
}

.form-starbox[disabled] > .fi{
    cursor: not-allowed;
}

.form-starbox > .fi{
    line-height: 1;
    cursor: pointer;
    vertical-align: middle;
}
.form-starbox > .fi:before{
    color: #b9b9b9;
    font-size: 26px;
    padding-right: 5px;
    content:"\e618";
}
.form-starbox > .fi[mode=full]:before{
    content:"\e60f";
    font-size: 30px;
    color: #eb6100;
}
.form-starbox > .fi[mode=half]:before{
    content:"\e643";
    font-size: 24px;
    color: #eb6100;
}

/*=====================================================星级控件样式结束============================================================*/



/*=====================================================列表控件样式开始============================================================*/

.form-list {

    display: inline-block;
    padding: 5px 0;
    margin: 0px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #ffffff;
    padding-top: 0px;
    padding-bottom: 0px;
    max-height: 200px;
    overflow: auto;
    min-height: auto;
    height: auto;
    border: solid 1px #c4c4c4;
}

.form-list li {
    margin: 0px;
    display: block;

    border-top: solid 1px #c4c4c4;
    height: 26px;
    font-size: 14px;
    overflow: hidden;
}

.form-list > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.4285;
    color: #5b5b5b;
    white-space: nowrap;

    color: #a0a0a0;
    padding-left: 17px;
    cursor: pointer;
}


.form-list > li> a:hover{
    background-color: #f3f8ff;
}

.form-list[readonly] >li > a {
    cursor: default;
}

.form-list[disabled] >li > a {
    cursor: not-allowed;
}
.form-list[readonly] >li > a:hover, .form-list[disabled] >li > a:hover {
    background-color:inherit;
}

.form-list .fi{
    padding-right: 5px;
    color: #e0e6e8;
}

.form-list > li[selected=true]{
    background-color: #f3f8ff;
}

.form-list > li[selected=true] a{
    color: #2aa1d3;
}

.form-list > li[selected=true] .fi{
    color: #7ecef4;
}
.form-list > li[selected=true] > .fi-radiobox:before{
    content: "\e608";
}
.form-list .fi:before{
    font-size: 18px
}

.form-list > li:first-child{
    border-top: none 0px;
}
/*=====================================================列表控件样式结束============================================================*/


/*=====================================================标签控件样式开始============================================================*/
.tab {

    position: relative;
    width: 400px;
}

.tab-nav {
    position: absolute;
    border-spacing: 3px 0px;
    width: 100%;
    display: table;
    table-layout: fixed;
    border-collapse: separate;
}

.tab-nav > .btn, .tab-nav > .tab-bar {
    display: table-cell;
}

.tab-nav > .btn {
    min-width: 0px;
    border: 1px solid #cecece;
    padding: 0px 1px;
    height: 20px;
    border-radius: 0px;
    width: 15px;
}

.tab-nav > .btn:hover{
    background-color: #8cc5ff;
    border: 0 none;
}
.tab-nav > .btn:hover .fi:before {
    color: #ffffff;
}
.tab-nav > .btn .fi:before {
    font-size: 11px;
    color: #959595;
}

.tab-nav-hidebtn > .btn {
    display: none;
}

.tab-bar {
    overflow: hidden;
}

.tab-items {
    list-style-type: none;
    border-bottom: 1px solid #cecece;
    white-space: nowrap;
    width: inherit;
    padding-right: 3px;
    border-spacing: 0px 0px;
    border-collapse: separate;
}

.tab-items > li {
    display: inline-block;
    padding: 8px 10px;
    margin-right: 10px;
}

.tab-items > li > a {
    font-size: 14px;
    font-weight: 500;
    color: #9f9f9f;
    cursor: pointer;
}

.tab[disabled] .tab-items > li > a{
    cursor: not-allowed;
}

.tab-items > li[active=true],.tab-items > li:hover {
    border-bottom: 3px solid #7ecef4;
}

.tab-items > li[active=true] > a, .tab-items > li:hover > a {
    color: #389ef4;
}

.tab[disabled] .tab-items > li[active!=true]:hover {
    border-bottom: none 0px;
}
.tab[disabled] .tab-items > li[active!=true]:hover > a{
    color: #9f9f9f;
}

.tab-body {
    height: 100%;
    padding-top: 41px;
    margin-left: 3px;
    margin-right: 3px;
}

.tab-body-html {

    overflow: auto;
    height: 100%;
    display: none;
}

.tab-body-iframe > iframe {
    border: 0px none;
    width: 100%;
    height: 100%;
}

.tab-body-iframe {
    overflow: hidden;
    height: 100%;
    display: none;
}

.tab-body-iframe[active=true], .tab-body-html[active=true] {
    display: block;
}

.tab[mode=dynamic] .tab-items {
    border-bottom-color: #e5e5e5;
}

.tab[mode=dynamic] .tab-items > li {
    border: solid 1px #b5b5b5;
    margin-bottom: -1px;
    border-bottom-color: #e5e5e5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 8px 20px;
    position: relative;
    padding-top: 10px;
}

.tab[mode=dynamic] .tab-items > li .btn {
    min-width: 0px;
    position: absolute;
    right: 3px;
    top: 3px;
    border: none 0px;
    background-color: #ffffff;
    padding: 0px;
    line-height: 1;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: solid 1px #ffffff;
    vertical-align: top;
}

.tab[mode=dynamic] .tab-items > li .btn:first-child {
    right: auto;
    left: 3px;
}

.tab[mode=dynamic] .tab-items > li > .btn > .fi:before {
    font-size: 12px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    vertical-align: top;
    color: #8cc5ff;
}

.tab[mode=dynamic] .tab-items > li > .btn:hover > .fi:before
{
    color: #eb6978;
}

.tab[mode=dynamic] .tab-items > li[active=true], .tab[mode=dynamic] .tab-items > li:hover{

    border-bottom: solid 1px #ffffff;
    border-top: solid 8px #8cc5ff;
    padding-top: 3px;
}

.tab[mode=dynamic] .tab-items > li[active=true] .btn, .tab[mode=dynamic] .tab-items > li:hover .btn{
    top:-4px;
}


.tab[mode=dynamic] .tab-body {
    padding-top: 45px;
}

/*=====================================================标签控件样式结束============================================================*/

/*=====================================================时间控件样式结束============================================================*/
.form-time {
    position: relative;
    display: inline-table;
    display: table\9\0;
    border-collapse: separate;
}

.form-time .form-text {
    /*position: relative;*/
    z-index: 2;
    width: 100%;
    margin-bottom: 0px;
    border-right: 0px none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;

}

.form-time .form-text, .form-time .btn {
    display: table-cell;
}

.form-time > .btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    font-style: normal;
    min-width: 24px;
    width: 24px;

    border-left: none 0px;

    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-bottom: 4px auto;
    padding-right: 4px;
    padding-left: 4px;
    vertical-align: bottom;
    cursor: default;
}

.form-time > .btn > .fi{
}
.form-time > .btn > .fi:before {
    font-size: 18px;
    color: #7dcdf3;
    line-height: 1;
}

.form-time > .btn[disabled] {
    background-color: #dcdcdc;
}

.form-time .dropdown-menu {

    background-color: #ffffff;
    padding: 10px 20px;
    max-height: 200px;
    overflow: auto;
    min-height: auto;
    height: auto;
    border: 7px solid #eeeeee;
    text-align: center;
    white-space: nowrap;
    width:100%;
    min-width: 120px;
}

.form-time-set, .form-time-split{
    display: inline-block;
}
.form-time-set > input, .form-time-set .btn{
    width: 22px;
    min-width: 0px;
    padding: 0px;
}

.form-time-set > input{
    height: 34px;
    vertical-align: middle;
    border: 1px solid #cccccc;
    text-align: center;
    font-size: 16px;
    padding: 1px;
    line-height: 32px;
}

.form-time-split{
    padding: 0px 5px;
}
/*=====================================================时间控件样式结束============================================================*/



/*=====================================================日期控件样式开始============================================================*/

.form-date {
    position: relative;
    display: inline-table;
    display: table\9\0;
    border-collapse: separate;
}

.form-date > .form-text {
    /*position: relative;*/
    z-index: 2;
    width: 100%;
    margin-bottom: 0px;
    border-right: 0px none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;

}

.form-date > .form-text, .form-date > .btn {
    display: table-cell;
}

.form-date > .btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    font-style: normal;
    min-width: 24px;
    width: 24px;

    border-left: none 0px;

    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-bottom: 4px auto;
    padding-right: 4px;
    padding-left: 4px;
    vertical-align: bottom;
    cursor: default;
}

.form-date > .btn > .fi:before {
    font-size: 18px;
    color: #7dcdf3;
}

.form-date > .btn[disabled] {
    background-color: #dcdcdc;
}

.form-date > .dropdown-menu {

    background-color: #eeeeee;
    overflow: auto;
    min-height: auto;
    height: auto;
    border: 1px solid #eeeeee;
    text-align: center;
    white-space: nowrap;
    padding: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: visible;
    min-width: 0px;
    max-width: 300px;
}

.form-date-yearmonth{
    display: table;
    width: 100%;
    color: #5e5e5e;
}
.form-date-year, .form-date-month, .form-date-time{
    display: table-cell;
}
.form-date-yearmonth > .btn, .form-date-bar > .btn{
    min-width: 0px;
    border: none 0px;
    height: 100%;
    border-radius: 0px;
    padding-left: 20px;
    padding-right: 20px;
    display: table-cell;
}


.arrow-right{

    right: 20px;
    border-width: 8px;
    display: block;
    width: 0px;
    height: 0px;
    border-color: transparent;
    border-style: solid;
    border-right-color: #2aa1d3;
    border-left-width: 0px;
}
.arrow-left{

    right: 20px;
    border-width: 8px;
    display: block;
    width: 0px;
    height: 0px;
    border-color: transparent;
    border-style: solid;
    border-left-color: #2aa1d3;
    border-right-width: 0px;
}


.form-date-year{
    padding: 5px 20px;
    border-left: 2px solid #cfcfcf;
    text-align: center;
    position: relative;
}

.form-date-year .form-text{
    border-radius: 4px;
    text-align: center;
    width: 50px;
    border:none 0px;
    background-color: #eeeeee;
    color: #5e5e5e;
    border: solid 1px #eeeeee;
    font-size: 16px;
}

.form-date-year .form-text:focus{

    border: solid 1px #cecece;
    background-color: #ffffff;
}

.form-date-month{

    padding-right: 20px;
    border-right: 2px solid #cfcfcf;
    vertical-align: middle;
}

.form-date-days{
    padding: 5px;
    overflow: visible;
    padding-top: 0px;
}
.form-date-days > table{
    width: 100%;
    background-color: #ffffff;
}

.form-date-days  td,  .form-date-days th{
    padding: 8px 10px;
    font-weight: 400;
}
.form-date-days  td{
    cursor: pointer;
}
.form-date-days  td[selected=true], .form-date-days  td:hover{
    background-color: #2aa1d3;
    border : solid 1px #2aa1d3;
    border-radius: 4px;
    padding: 7px;
}


.form-date-bar
{

    width: 100%;
    display: table;
    padding: 5px 0px;
}

.form-date-bar .btn{
    color: #34495e;
}

.form-date-time{
    text-align: center;
}

.form-date-time > span{

    padding: 0px 10px;
}

.form-date-time > .form-text{
    width: 30px;
    display: inline-block;
    height: 24px;
    text-align: center;
}

.form-date-year .dropdown-menu{
    width: 95px;
    min-width: 0px;
    background-color: #ffffff;
    left: 20px;
}

.form-date-year .dropdown-menu > li{
    display: inline-block;
    float: left;
}

.form-date-year .dropdown-menu > li > a{
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 0px;
    cursor: pointer;
}

.form-date-year .form-date-years-close{
    text-align: center;
    width: 100%;
}
.form-date-year .form-date-years-close .btn{

    min-width: 0px;
    padding:0px;
    display: inline-block;
    padding: 0px  5px;
}
.form-date-year .form-date-years-close .btn span{
    border-left-color: #5e5e5e;
    border-right-color: #5e5e5e;
}


.form-date[disabled] .form-date-days  td, .form-date-days td[disabled], .form-date-days[disabled] td{

    color:#cccccc;
    cursor: not-allowed;
}

/*=====================================================日期控件样式结束============================================================*/



/*=====================================================表格控件样式开始============================================================*/
.grid{
    width: 100%;
    height: 200px;
    font-size: 0px;
    /*position: relative;*/
    display: inline-block;

}

.grid-head, .grid-foot{
    max-width: 100%;
    display: inline-block;
    font-size: 0px;
    overflow: hidden;
    /*border-right: 1px solid #cecece;*/
    border-left: 1px solid #cecece;
}

.grid-head{

    top: 0px;
    z-index: 3;
    position: relative;
    background-color: #dcdcdc;
}

.table-head,.table-foot, .table-body {
    table-layout: fixed;
    white-space: nowrap;
    width: 10%;
    border-spacing: 0px 0px;
    border-collapse: collapse;
    font-size: 0px;
    border: none 0px;
    display: inline-block;
}
.table-head  tr, .table-foot  tr {
    border: 1px solid #cecece;
    border-left: none 0px;
}

.table-head th, .table-foot  th {
    display: inline-block;
    font-weight: 400;
    background-color: #dcdcdc;
    font-size: 14px;
    padding: 2px 5px;
    color: #555555;
    height: 24px;
    border-left: solid 1px #cecece;
    font-weight: 400;
}
.table-head th:first-child, .table-foot th:first-child {
    border-left: none 0px;
}



.grid-foot {
    color: #555555;
    bottom: 0px;
    position: relative;
    z-index: 3;
}

.table-foot tr th {
    background-color: #DAEDFF;
}

.table-foot th {
    display: inline-block;
    font-size: 14px;
    height: 24px;
    font-weight: 400;
}

.grid-body{
    max-width: 100%;
    overflow: auto;
    max-height: 100%;
    font-size: 0px;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    /*display: inline-block;*/
}

.table-body{
}

.table-body tr {
    border-top: 1px solid #cecece;
}
.table-body tr:hover {
    background-color: #f2fafe;
}

.table-body tr:first-child {
    border-top: none 0px;
}

.table-body td {
    display: inline-block;
    font-size: 14px;
    height: 28px;
    border: 0px none;
    border-left: 1px solid #cecece;
    padding: 2px 5px;
    overflow: hidden;
    vertical-align: middle;
    line-height: 26px;
}

.table-body td[editable=true]{
    padding: 1px;
}

.grid-body td:first-child {
    border-left: 0px none;
}

.grid td > .btn, .grid th > .btn {
    min-width: 0px;
    padding: 0px;
    background-color: transparent;
    border: none 0px;
    margin-left: 10px;
    border-radius: 0px;
    line-height: 1;
}

.grid td > .btn .fi:before, .grid th > .btn .fi:before {
    font-size: 18px;
    line-height: 1;
    color: #9b9b9b;
}
.grid td > .btn .fi-edit:before, .grid th > .btn .fi-edit:before{
    font-size: 14px;
}
.grid td > .btn .fi-del:before, .grid th > .btn .fi-del:before{
    font-size: 16px;
}

.table-head th > .btn:first-child {
    margin-right: 10px;
    margin-left: 0px;
}

.grid .grid-col-checkbox {
    width: 40px;
    text-align: center;
}

.grid-head .grid-col-checkbox .fi:before{
    color: #ffffff;
}

th.table-scroll-space{
    width: 17px;
}

.grid td > .form-text{
    width: 100%;
    height: 100%;
    border: 0px none;
}

.grid-body tr[selected=true]{

    background-color: #bfe3f2;
}

.grid-head-sort{
    display: inline-block;
}
.grid-head-sort .btn{
    display: block;
    padding: 0px;
    line-height: 1;
    border: 0px;
    font-size: 0px;
    background-color: transparent;
    margin: 3px 0px;
}

.caret-up{

    border-bottom: 5px solid #a0a0a0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 0px none;
}

.caret-up.selected{

    border-bottom-color: #2780dc;
}

.caret-down{
    border-top: 5px solid #a0a0a0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.caret-down.selected{

    border-top-color: #2780dc;
}

/*=====================================================表格控件样式结束============================================================*/

/*=====================================================滑块控件样式开始============================================================*/

.form-slider{
    background-color: #90d5f9;
    height: 14px;
    border: solid 1px #d0e9fe;
    width: 300px;
    position: relative;
    border-radius: 10px;
}

.form-slider-block {
    background-color: #d1eaff;
    /*width :150px;*/
    height: 100%;
    border: solid 1px #90d5f9;
    position: absolute;
    display: inline-block;
    left: 0px;
    border-radius: 10px;
}
.form-slider-block .btn .fi{
    height: 20px;
    width: 20px;
}
.form-slider-block .btn .fi:before{
    font-size: 24px;
    color: #959595;
    margin-left:  -2px;
}

.form-slider-block .btn{
    padding: 0px;
    font-size: 0px;
    line-height: 0px;
    background-color: transparent;
    border: none 0px;
    position: absolute;
    top: -5px;
    right: -10px;
    left: auto;
}

.form-slider-block:first-child{
    left: auto;
    right: 0px;
}

.form-slider-block:first-child .btn{
    top: -5px;
    left: -10px;
    right: auto;
}

.form-slider[mode=vertical]{
    height: 300px;
    width: 14px;
    position: relative;
}

.form-slider[mode=vertical] .form-slider-block{
    background-color: #d1eaff;
    width :100%;
    /*height: 0px;*/
    border: solid 1px #90d5f9;
    position: absolute;
    display: inline-block;
    top: -2px;
    bottom: auto;
}

.form-slider[mode=vertical] .form-slider-block .btn{
    top: auto;
    right: -5px;
    bottom:-11px;
}

.form-slider[mode=vertical]  .form-slider-block:first-child{
    bottom:0px;
    top: auto;
}

.form-slider[mode=vertical]  .form-slider-block:first-child .btn{

    top: -11px;
    right: -5px;
    left: auto;
    bottom: auto;
}

/*=====================================================滑块控件样式结束============================================================*/


/*=====================================================上传控件样式开始============================================================*/
.form-upload{

    /*padding-top: 10px;*/
    padding-top: 10px;
}

.form-upload-item{
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    position: relative;
}

.form-upload-item:last-child{
    margin-right: 0px;
}

.form-upload-btn-add{
    background-color: #ffffff;
    font-size: 14px;
    color: #6f6f6f;
    padding: 15px 10px;
    padding-bottom: 5px;
    border: none 0px;
    border: 1px dashed #cecece;
}
.form-upload-btn-add .fi{
    display: block;
    padding-bottom: 10px;
}

.form-upload-btn-add .fi:before{
    font-size: 20px;

}

.form-upload-icon{
    position: relative;
}
.form-upload-btn-icon{
    display: block;
    background-color: #ffffff;
    border: 1px dashed #cecece;
    padding: 15px 18px;
    padding-bottom: 17px;
}

.form-upload-btn-icon .fi:before{
    /*content:"\e63f";*/
    font-size: 40px;
}

.form-upload-item-text{
    padding-top: 5px;
    color: #343434;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    width: 78px;
    display: inline-block;
    font-size: 14px;
}

.form-upload-btn-del{
    position: absolute;
    background-color: transparent;
    border: none 0px;
    right: -15px;
    top: -10px;
    z-index: 4;
}

.form-upload-btn-del .fi:before{
    font-size: 20px;
    color: #f06e00;
}

.form-upload-item-mask{
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    filter:alpha(opacity=40);
    moz-opacity:0.4;
    opacity: 0.4;
    top: 0px;
    left: 0px;
    background-color: #000;
    z-index: 2;
}
.form-upload-item[state=uploading] .form-upload-item-mask{
    display: block;
}
.form-upload-item[state=uploading] .form-upload-btn-del{
    display: none;
}

.form-upload-item-uploading{
    display: none;
    color: #ffffff;
    vertical-align: middle;
    text-align:center;
    font-weight: 900;
    position: absolute;
    z-index:3;
    top: 25px;
    left: 18px;
    cursor: default;
}
.form-upload-item[state=uploading] .form-upload-item-uploading{
    display: block;
}

.form-upload-btn-img{
    padding: 0px;
    font-size: 0px;
    line-height: 1;
}

.form-upload-btn-img > img{
    max-height: 74px;
    max-width: 78px;
}

.form-upload-img{
    position: relative;
    text-align: center;
}
/*=====================================================上传控件样式结束============================================================*/



/*=====================================================分组表格控件样式开始============================================================*/

.groupgrid{

}

.groupgrid-table{
    border-spacing: 0px;
    border-collapse: collapse;
    font-size: 14px;
    /*table-layout: fixed;*/
    width: 100%;
}

.groupgrid-table th, .groupgrid-table td{
    border: 1px solid #c4c4c4;
    padding: 3px 5px;
    text-align: center;
    color: #464646;

    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

.groupgrid-table tr:hover{
    background-color: #f0f0f0;
}

.groupgrid-table th{
    background-color: #f0f0f0;
    /*color: #464646;*/
    font-weight: 400;
}

.groupgrid-table-caret{
    padding: 0px;
    margin-right: 20px;
}

.groupgrid-table-caret .fi:before{
    font-size: 18px;
}
/*=====================================================分组表格控件样式结束============================================================*/



/*=====================================================联想控件控件样式开始============================================================*/
.form-suggestbox-dropdown{
    display:none;
}
.form-suggestbox-pager{
    border: solid 1px #c4c4c4;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: none 0px;
    padding: 3px 10px;
}

.form-suggestbox-table{
    border-spacing: 0px;
    border-collapse: collapse;
    border-bottom: solid 1px #c4c4c4;
    table-layout: fixed;
    white-space: nowrap;
    /*display: inline-block;*/
    font-size: 0px;
}
.form-suggestbox-table td, .form-suggestbox-table th{
    border: solid 1px #c4c4c4;
}

.form-suggestbox-pager > span{
    font-size: 12px;
}

.form-suggestbox-pager .btn{
    padding: 0px;
    background-color: transparent;
    padding-left: 10px;
}

.form-suggestbox-pager .btn .fi:before{
    color: #00b7ee;
    font-size: 15px;
}

.form-suggestbox-table th{
    text-align: center;
    font-weight: 400;
}
.form-suggestbox-table th, .form-suggestbox-table td{
    font-size: 12px;
    padding: 4px 10px;
    color: #515151;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

.form-suggestbox-table td
{
    border-bottom: none 0px;
    border-top: none 0px;
}

.form-suggestbox-table .form-clickbox{
    margin-right: 5px;
    vertical-align: top;
}

.form-suggestbox-table tr[selected=true], .form-suggestbox-table tr:hover{
    background-color: #e4f2ff;
}

.col-text{
    width: inherit;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    display: inline-block;
}

/*=====================================================联想控件样式结束============================================================*/


/*=====================================================搜索控件样式开始============================================================*/
.form-position{
    position: relative;
    display: inline-table;
    display: table\9\0;
    border-collapse: separate;

    width: 100%;
}

.form-position:hover .form-text{
    border-color: #8ac2ed;
}


.form-position .form-text{
    /*position: relative;*/
    z-index: 2;
    width: 100%;
    margin-bottom: 0px;
    border-right: 1;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    text-indent: 10px;
}


.form-position .form-text, .form-position .btn{ display: table-cell;}
.form-position > .btn{
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #6e7679;
    text-align: center;
    background-color: #dcdcdc;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    font-style: normal;
    min-width: 24px;
    width: 24px;


    border-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-bottom: 4px auto;;
    padding-right: 4px;
    padding-left: 4px;
    vertical-align: bottom;
}

.form-position > .btn:hover{
    background-color: #8ac2ed;
    color: #1b89dc;
}

.form-position > .btn[disabled]{

    background-color: #dcdcdc;
}

.form-position > .btn .fi:before{
    font-size: 18px;
}
.form-position .dropdown-menu{

    background-color: #ffffff;
    padding-top: 0px;
    padding-bottom: 0px;
    max-height: 200px;
    overflow: auto;
    min-height: auto;
    height: auto;
    border: solid 1px #c4c4c4;
}
.form-position .dropdown-menu > li{
    height: 26px;
    font-size: 14px;
    overflow: hidden;

}

.form-position .dropdown-menu > li> a:hover{
    background-color: #f3f8ff;
}

.form-position .dropdown-menu > li>a{
    color: #a0a0a0;
    padding-left: 17px;
}

.form-position .dropdown-menu > li[selected=true]{
    background-color: #f3f8ff;
}

.form-position .dropdown-menu > li[selected=true] a{
    color: #2aa1d3;
}

/*=====================================================搜索控件样式结束============================================================*/